<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table {
            border: 2px skyblue solid;
            width: 300px;
            table-layout: auto; /* 自动设置列宽 */
            border-spacing: 5;
            empty-cells: hide;
            /* 默认 separate，设置了 collapse 后，border-spacing 和 empty-cells 将无效 */
            border-collapse: collapse; 
        }
        th, td {
            border: 2px orange solid;
        }
    </style>
</head>
<body>
    <table>
        <caption>人员信息表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
                <th>政治面貌</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>18</td>
                <td></td>
                <td>群众</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>19</td>
                <td></td>
                <td>党员</td>
            </tr>
            <tr>
                <td>小丽</td>
                <td>16</td>
                <td>女</td>
                <td>团员</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>20</td>
                <td>男</td>
                <td>群众</td>
            </tr>
        </tbody>
    </table>
</body>
</html>